<template>
  <div class="ck-textarea">
    <el-input
      v-model="inputValue"
      size="mini"
      :placeholder="inputPlacehoder"
      :suffix-icon="icon"
      @input="returnChange"
      type="textarea"
    ></el-input>
  </div>
</template>
<script>
export default {
  name: "CkTextarea",
  // eslint-disable-next-line vue/require-prop-types
  props: ["placeholder", "value", "field", "icon"],
  data() {
    return {
      isFocus: false,
      inputValue: "",
    };
  },
  computed: {
    inputPlacehoder: function () {
      return "请输入" + (this.placeholder || "");
    },
  },
  methods: {
    returnChange(value) {
      this.$emit("input", [this.field, value]);
    },
  },
};
</script>